<script setup>
</script>
<template>
    <div class="index">
        <div class="menus">
            <el-menu default-active="/index/heros" :router="true">
                <el-menu-item index="/index/heros">英雄列表</el-menu-item>
                <el-menu-item index="/index/equipments">装备列表</el-menu-item>
                <el-menu-item index="/index/recommend">推荐出装</el-menu-item>
            </el-menu>
        </div>
        <div class="content">
            <router-view></router-view>
        </div>
    </div>
</template>
<style lang="less" scoped>
.index{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    .menus{
        width: 20%;
    }

    .content{
        background-color: skyblue;
        width: 80%;
    }
}
</style>